iT邦幫忙

2022 iThome 鐵人賽

DAY 15
0
Modern Web

30天UIUX自學之路系列 第 15

Day15 建立計時器的Dark/Light Mode 頁面

  • 分享至 

  • xImage
  •  

今天是Day15,也進行了比賽的一半,我決定把dailyUI14、15結合在一起做,今天的主題是「倒數計時器」,也練習明天的題目「開關」,於是我要在倒數計時器頁面放個夜間模式日間模式的切換按鈕,那我們開始吧!

計時器頁面的元素與其他頁面比算是相對簡單的,包含了:

  1. 時間:時、分、秒
  2. 功能:暫停、繼續、取消等操作按鈕

把介面都排好之後就來開始操作夜間模式與日間模式的切換,我們把原本做好的日間模式複製一個,將它改成夜間模式,並且用Prototype將他們連接好。

https://ithelp.ithome.com.tw/upload/images/20220930/20151451AH3MFwSAJ4.jpg

今日成果:
完成了!小小成就感!計時器!
如果會直接倒數就更好玩了


今日大多花時間在閱讀UX的相關文件,由於許多文件都是英文,也需要時間作整理,所以待擇日再於版上分享,此外,今天聽設計游牧PODCAST,某一位講者分享了一本書中的一句話,我覺得說的非常好:

熱情不是找到的,熱情是培養出來的。
實作的過程很累,但是累積的成就感,就是你的熱情。


在15天前,我連figma的按鈕在哪裡都找不到,對於UIUX僅只於聽說、好像,但是透過鐵人賽的挑戰,每天花上一、兩個小時鑽研學習,好像愈來愈進步了,以上面的話勉勵自己,希望我能透過不斷的實作,與逐步吸收知識,讓自己能有熱忱不斷地學習下去。


上一篇
Day14 私訊頁面製作
下一篇
Day16 彈出式頁面製作
系列文
30天UIUX自學之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言